<template>
  <view class="pay-success-page">
       <view class="pay-success-tips"><text class="iconfont icon-dui"></text>支付成功</view>
       <view class="pay-money" >￥ {{paycountmoney}}</view>
   <view class="turnpage">

   <text class="turnpage-btn" @click="gotomyorder">我的订单</text>
  </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
        paycountmoney:0
      }
     
  },
  
  onLoad(options) {
    this.paycountmoney=options.paycountmoney
  },
 
  methods: {
  gotomyorder(){
      uni.switchTab({
        url: "../myorder/myorder",
      });
  }
  },
};
</script>

<style scoped>
.pay-success-page{
    margin: 200rpx 0;
}
.pay-money{
    font-size: 42rpx;
    text-align: center;
    margin: 30rpx 0;
}
.pay-success-tips{
    text-align: center;
    font-size: 38rpx;
}
.icon-dui{
    font-size: 36rpx;
    color: white;
    padding: 20rpx;
    border-radius: 100rpx;
    background-color: teal;
    margin-right: 20rpx;
}
.turnpage{
    text-align: center;
}
.turnpage-btn{
    display: inline-block;
    padding: 10rpx 20rpx;
    border-radius: 10rpx;
    background-color: rgb(255, 183, 0);
    color: white;
    margin:  40rpx ;
}
</style>